<template>
  <section>
    <p>
      <!-- 只有在 `key` 是 `Enter` 时调用 `submit()` -->
      <input placeholder="按enter触发" v-on:keyup.enter="submit">
    </p>
    <p>
      <!-- 只有在 `key` 是 `Enter` 时调用 `onPageDown()` -->
      <input placeholder="按PageDown键触发" v-on:keyup.page-down="onPageDown">
    </p>
    <p>
      <!-- 已经被废弃了 -->
      <input v-on:keyup.13="submit" placeholder="KeyCode已经被废弃了">
    </p>
  </section>
</template>

<script>
// 可以使用 `v-on:keyup.f1`
// Vue.config.keyCodes.f1 = 112;

export default {
  name: "KeyModifier",
  methods: {
    submit() {
      console.log("提交");
    },
    onPageDown() {
      console.log("下一页");
    }
  }
};
</script>